<template>
  <div>
    <div class="top">bingo后台管理</div>
    <Row class="content">
      <Col class="content_left">
        <Menu theme="light" @on-select="select">
          <Submenu name="1">
            <template #title>
              <Icon type="ios-paper" />
              内容管理
            </template>
            <MenuItem name="videoCheck">视频审核</MenuItem>
            <MenuItem name="postCheck">贴文审核</MenuItem>
            <MenuItem name="report">举报管理</MenuItem>
            <MenuItem name="feedbackManage">反馈管理</MenuItem>
            <MenuItem name="notice">公告管理</MenuItem>
          </Submenu>
          <Submenu name="2">
            <template #title>
              <Icon type="ios-people" />
              用户管理
            </template>
            <MenuItem name="userList">用户列表</MenuItem>
            <MenuItem name="newUser">新增用户</MenuItem>
            <MenuItem name="activeUser">活跃用户</MenuItem>
          </Submenu>
          <Submenu name="3">
            <template #title>
              <Icon type="ios-stats" />
              统计分析
            </template>
            <MenuGroup title="使用">
              <MenuItem name="3-1">新增和启动</MenuItem>
              <MenuItem name="3-2">活跃分析</MenuItem>
              <MenuItem name="3-3">时段分析</MenuItem>
            </MenuGroup>
            <MenuGroup title="留存">
              <MenuItem name="3-4">用户留存</MenuItem>
              <MenuItem name="3-5">流失用户</MenuItem>
            </MenuGroup>
          </Submenu>
        </Menu>
      </Col>
      <div class="content_right">
        <router-view/>
      </div>
    </Row>
    <div class="footer">

    </div>
  </div>

</template>
<script>
export default {
  name:'M_Home',
  data () {
    return {

    }
  },
  methods:{
    select(name){
      this.$router.push({
        path:'/M_Home/'+name
      })
    }
  }

}
</script>
<style scoped>
.top{
  background-color: #13227a;
  color:white;
  width:100%;
  height:50px;
  line-height:50px;
  font-size:30px;
  padding-left:5%;
}
.content{
  margin-top:5px;
  width:100%;
  height:600px;
  border:1px solid red;

}
.content_left{
  height:100%;
  border-right:1px solid silver;
}
</style>


